CSS Types

CSS Types

Editing

<rgb()>

rgb() 함수의 매개 변수를 나타낸다. 레거시로 red, green, blue 값을 각각 쉼표로 구분된 매개 변수로 지정이 가능하다.

구문

  • CSS Color Module Level 4
    rgb( [<percentage> | none]{3} [ / [<alpha-value> | none] ]? )

    <percentage>는 0~255 범위를 백분율로 지정할 수 있다.

    구문에 따라 추가적으로 <alpha-value> 값을 지정할 수 있으며 투명도를 01의 범위 내에서 지정할 수 있다.

  • CSS Color Module Level 4
    rgb( [<number> | none]{3} [ / [<alpha-value> | none] ]? )

    <number>는 red, green, blue 값을 각각  0~255 범위 내에서 지정이 가능하다. 

    구문에 따라 추가적으로 <alpha-value> 값을 지정할 수 있으며 투명도를 01의 범위 내에서 지정할 수 있다.

  • CSS Color Module Level 4Legacy
    rgb( <percentage>#{3} , <alpha-value>? )

    레거시(legacy) 구문이며 선택적으로 <alpha-value> 값(투명도)을 추가할 수 있게 변경 되었다.

  • CSS Color Module Level 4Legacy
    rgb( <number>#{3} , <alpha-value>? )

    레거시(legacy) 구문이며 선택적으로 <alpha-value> 값(투명도)을 추가할 수 있게 변경 되었다.

사용되는 키워드

키워드요약
none

어떠한 값도 설정하지 않음을 나타낸다.

사용되는 타입

버전 명세

Modules
Module NameStatusSummary
CSS Color Module Level 4

Last review date: 2022-11-12